.product-item {
  position: relative;
  width: calc(100% - 30rpx);
  margin: 30rpx;
  border-radius: 12rpx;
  background-color: #fff;

  .product-image {
    position: relative;
    width: 100%;
    border-radius: 12rpx 12rpx 0rpx 0rpx;
  }

  .product-content {
    position: relative;
    width: 100%;
    padding: 16rpx;
    line-height: 1;
    overflow: hidden;

    .title {
      font-size: 26rpx;
      font-weight: bold;
    }

    .tags {
      display: flex;
      flex-wrap: wrap;
      .tag-item {
        font-size: 24rpx;
        padding: 6rpx 10rpx;
        border-radius: 6rpx;
        transform: scale(0.9);
        transform-origin: left center;
        margin-top: 12rpx;
        margin-right: 8rpx;
      }
    }

    .price {
      color: var(--tn-color-red);

      &::before {
        content: '￥';
        font-size: 24rpx;
        transform: scale(0.6);
        transform-origin: right bottom;
      }
    }
    .hot {
      color: var(--tn-color-gray);
      font-size: 26rpx;
    }
  }
}
